<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="style.css">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body class="background">
    <div class="navbar-container">
        <img src="assets/header-logo-x1.png" class="nav-logo">
            <div class="menu">
            <img src="assets/burger-img.png" class="nav-burger">
            <h1 class="nav-text">Меню</h1>
            <span class="nav-user"></span>
            </div>

    </div>
    <div class="main-panels">
        <div class="left-pan">
            <a href="#" class="l-pan">
                <div class="l-text-container">
                <p class="text-left-pan-1">Плюс<br>активен</p>
                <span class="user-avatar"></span>
                </div>
                <p class="manage">Управлять</p>
            </a>
            <a href="#" class="l-pan">
                <div class="l-text-container">
                    <p class="text-left-pan-2">Баллы плюса</p>
                    <div class="arrow"></div>
                </div>
                <p class="text-left-pan-3">1 балл = 1 ₽</p>
            </a>
            <a href="#" class="l-pan"></a>
            <a href="#" class="l-pan"></a>
            <a href="#" class="l-pan"></a>
        </div>

    </div>
</body>
</html>